<template>
  <div class="page">
  <mu-appbar :zDepth="0" class="header" title="子页面">
    <mu-icon-button icon="arrow_back_ios" slot="left" @click="goBack"/>
    <mu-icon-menu icon="more_vert" slot="right">
      <mu-menu-item title="菜单 1"/>
      <mu-menu-item title="菜单 2"/>
      <mu-menu-item title="菜单 3"/>
      <mu-menu-item title="菜单 4"/>
      <mu-menu-item title="菜单 5"/>
    </mu-icon-menu>
  </mu-appbar>
  </div>
</template>

<script>
    export default{
        name: '',
        data(){
            return {}
        },
        methods: {
          goBack(){
            this.$router.go(-1)
          }

        },
        beforeCreate(){

        },
        created(){

        },
        beforeUpdate(){

        },
        updated(){

        },
        beforeMount(){

        },
        mounted(){

        },
        beforeDestroy(){

        },
        destroyed(){

        },
        activated(){

        },
        deactivated(){

        }
    }


</script>

<style scoped>
  .header{
    width: 100%;
    position: fixed;
    top:0px;
  }
</style>
